<template>
	<div>
		<div class="rounded-10px border-1px border-#E5E6EB border-solid p-20px w-600px mt-15px">
			<div class="text-18px mb-10px">
				<span class="text-#07B175">买入</span>
				<span class="text-#20232A">USDT</span>
			</div>
			<div class="flex items-center justify-between mb-10px">
				<p class="text-#86909C">法币金额</p>
				<div class="flex items-center">
					<p class="text-#07B175 text-bold">￥100.00</p>
				</div>
			</div>
			<div class="flex items-center justify-between mb-10px">
				<p class="text-#86909C">价格</p>
				<p class="text-#000000 text-bold">￥ 6.96</p>
			</div>
			<div class="flex items-center justify-between mb-20px">
				<p class="text-#86909C">接收数量</p>
				<p class="text-#000000 text-bold">100.00 USDT</p>
			</div>

			<p class="border-1px h-1px bg-#E5E6EB w-600px mb-20px"></p>
			<div class="flex items-center justify-between mb-10px">
				<p class="text-#86909C">创建时间</p>
				<p class="text-#000000 text-bold">2023-04-02 12:00</p>
			</div>
			<div class="flex items-center justify-between mb-10px">
				<p class="text-#86909C">支付方式</p>
				<div class="flex items-center">
					<p class="w-4px h-14px" :style="{ backgroundColor: payMethod.color }"></p>
					<p class="text-14px text-#000000 ml-10px">{{ payMethod.name }}</p>
				</div>
			</div>
		</div>
		<div class="mt-50px">
			<el-button type="primary" color="#114CEE" style="width:200px;height:50px;font-size: 18px;">
				再次下单
			</el-button>
		</div>
		<el-dialog v-model="dialogVisible"  width="360" close-icon="CloseBold" top="30vh">
			<template #default>
				<div class="flex flex-col items-center mt-30px mb-20px">
					<img src="/transaction/c2c/orderDetail/finish.svg" alt="" class="w-100px h-100px ">
					<p class="text-#86909C text-14px mt-20px mb-20px">购买成功</p>
					<p class="text-#1A1A1A">10.00USDT</p>
				</div>
			</template>
		</el-dialog>
	</div>
</template>
<script lang="ts" setup>
const payMethod = ref<any>({
	color: '#01A9F2',
	name: '支付宝'
});

const dialogVisible = ref<boolean>(true);
</script>
<style lang="scss" scoped></style>

